<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <div class="box"></div>
    <div class="container"></div> -->
    <!-- <input type="text" name="usename"> -->


    <table>
    </table>
    <script>
        // var gethead = document.querySelector("head")
        // console.log(gethead)
        // console.log(document.head)
        // var gettitle = document.querySelector("title")




        //获取元素
        // var getbox = document.querySelector(".box")
        // getbox.innerHTML = `123`;
        // console.log(getbox)
        var bob = document.createElement("div");
        bob.innerHTML = "hello"
        bob.className = "active"
        console.log(bob)
        // var getcontainer = document.querySelector(".container");
        // document.onclick=function(){
        //     var p = document.createElement("p");
        //     p.innerHTML= "我是伞兵"
        //     p.style.background = "red"
        //     getcontainer.appendChild(p)
        // }

        // var gettable = document.querySelector("table")
        // var tr = document.createElement("tr")



        // var arr = [
        //     {
        //         name: 'Jack',
        //         age: 18,
        //         gender: '男'
        //     }, {
        //         name: 'Rose',
        //         age: 20,
        //         gender: '女'
        //     }, {
        //         name: 'Top',
        //         age: 22,
        //         gender: '男'
        //     },
        //     {
        //         name: 'Top2',
        //         age: 30,
        //         gender: '男'
        //     }
        // ]
        // arr.forEach(function(item){
        //     var th = document.createElement("th")
        //     th.innerHTML = `${item.name}`
        // })
        
    </script>
</body>
</html>